<template>
  <div>
<h2>{{ counts }}</h2>
  </div>
</template>

<script setup lang="ts">
import {ref,reactive} from 'vue'
const counts =ref(0)
const increament =()=>{
    counts.value++
}
defineExpose({
    counts,
    increament
})

</script>

<style scoped>
</style>
